<template>
	<PageWrapper title="组件使用示例" contentFullHeight>
		<div v-for="[key, value] in DemoRouteMap" class="mt-4" :key="key">
			<TypographyTitle :level="5">{{ key }}</TypographyTitle>
			<a-button v-for="item in value" :key="item.name" class="mr-4" @click="go(`${item.path}`)" type="primary">
				{{ item.meta.title }}
			</a-button>
		</div>
	</PageWrapper>
</template>
<script lang="ts" setup>
import { TypographyTitle } from 'ant-design-vue';
import { PageWrapper } from '#/components';
import { useGo } from '@/hooks/web/usePage';
import { DemoRouteMap } from '@/router/routes/modules/demo';

const go = useGo();
</script>
